<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>积分商场</title>
    <link rel="stylesheet" type="text/css" href="./static/css/app.css">
</head>
<body class="F5">
<div id="app" class="point-mall-page">
    <!-- header -->
    <div class="header">
        <div class="header-height"></div>
        <div class="header-wrap">
            <div class="header-content">
                <div class="left">
                    <div class="go-back"><img src="./static/images/go-back.png" alt=""></div>
                    <div class="text">积分商场</div>
                </div>
                <div class="title"></div>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="banner">
        <div class="carousel-container" id="carousel1">
            <div class="carousel-wrapper">
                <a href="#" class="carousel-item">
                    <img src="./static/images/banner.png" alt="">
                </a>
                <a href="#" class="carousel-item">
                    <img src="./static/images/banner.png" alt="">
                </a>
                <a href="#" class="carousel-item">
                    <img src="./static/images/banner.png" alt="">
                </a>
            </div>
            <div class="carousel-dots"></div>
        </div>
    </div>
    <div class="tag-wrap">
        <div class="tag-list">
            <a href="#" class="item active">
                <div class="text">推荐</div>
                <img src="./static/images/bingji.png" alt="">
            </a>
            <a href="#"  class="item">
                <div class="text">百货</div>
                <img src="./static/images/bingji.png" alt="">
            </a>
            <a href="#"  class="item">
                <div class="text">数码电器</div>
                <img src="./static/images/bingji.png" alt="">
            </a>
            <a href="#"  class="item">
                <div class="text">数码电器</div>
                <img src="./static/images/bingji.png" alt="">
            </a>
            <a href="#"  class="item">
                <div class="text">家居用品</div>
                <img src="./static/images/bingji.png" alt="">
            </a>
            <a href="#"  class="item">
                <div class="text">酒水饮料</div>
                <img src="./static/images/bingji.png" alt="">
            </a>
            <a href="#"  class="item">
                <div class="text">办公用品</div>
                <img src="./static/images/bingji.png" alt="">
            </a>
        </div>
    </div>
    <div class="product-list">
        <a href="#" class="item">
            <div class="image">
                <img src="./static/images/product5.png" alt="">
            </div>
            <div class="title ellipsis-1">XX会员俱乐部卷纸</div>
            <div class="bottom-box">
                <div class="left">
                    <img src="./static/images/point.png" alt="">
                    <span>5000</span>
                </div>
                <div class="right">立刻兑换</div>
            </div>
        </a>
        <a href="#" class="item">
            <div class="image">
                <img src="./static/images/product5.png" alt="">
            </div>
            <div class="title ellipsis-1">XX会员俱乐部卷纸</div>
            <div class="bottom-box">
                <div class="left">
                    <img src="./static/images/point.png" alt="">
                    <span>5000</span>
                </div>
                <div class="right">立刻兑换</div>
            </div>
        </a>
        <a href="#" class="item">
            <div class="image">
                <img src="./static/images/product5.png" alt="">
            </div>
            <div class="title ellipsis-1">XX会员俱乐部卷纸</div>
            <div class="bottom-box">
                <div class="left">
                    <img src="./static/images/point.png" alt="">
                    <span>5000</span>
                </div>
                <div class="right">立刻兑换</div>
            </div>
        </a>
        <a href="#" class="item">
            <div class="image">
                <img src="./static/images/product5.png" alt="">
            </div>
            <div class="title ellipsis-1">XX会员俱乐部卷纸</div>
            <div class="bottom-box">
                <div class="left">
                    <img src="./static/images/point.png" alt="">
                    <span>5000</span>
                </div>
                <div class="right">立刻兑换</div>
            </div>
        </a>
        <a href="#" class="item">
            <div class="image">
                <img src="./static/images/product5.png" alt="">
            </div>
            <div class="title ellipsis-1">XX会员俱乐部卷纸</div>
            <div class="bottom-box">
                <div class="left">
                    <img src="./static/images/point.png" alt="">
                    <span>5000</span>
                </div>
                <div class="right">立刻兑换</div>
            </div>
        </a>
        <a href="#" class="item">
            <div class="image">
                <img src="./static/images/product5.png" alt="">
            </div>
            <div class="title ellipsis-1">XX会员俱乐部卷纸</div>
            <div class="bottom-box">
                <div class="left">
                    <img src="./static/images/point.png" alt="">
                    <span>5000</span>
                </div>
                <div class="right">立刻兑换</div>
            </div>
        </a>
    </div>
</div>
<script src="./static/js/common.js"></script>
<script>
    new Carousel('carousel1', 3000);
</script>
</body>
</html>